<template>
  <view class="CardBox">
    <view class="flex-col flex">
      <text class="boxName">
        {{ props.UserObject.name }}&nbsp;{{ props.UserObject.sex }}&nbsp;{{
          props.UserObject.age + "岁"
        }}
      </text>
      <text class="boxNameA">
        {{ props.UserObject.time }}&nbsp;&nbsp;&nbsp;{{ "|" }}&nbsp;&nbsp;&nbsp;{{
          props.UserObject.record
        }}
      </text>
    </view>
    <view class="bg-[#f6f7f9] h-3rpx w-[100%]"></view>
    <view class="mx-0 my-10rpx">
      <text class="botConent">病情描述:</text>
      <text class="botConentA">{{ props.UserObject.description }}</text>
    </view>
    <view class="mx-0 my-10rpx">
      <text class="botConent">图片:</text>
      <text class="botConentA">{{ "点击查看" }}</text>
    </view>
  </view>
</template>
<script setup lang="ts">
const props = defineProps(["UserObject"]);

console.log(props.UserObject);
</script>
<style lang="scss" scoped>
.CardBox {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 88%;
  padding: 20rpx;
  margin-top: 30rpx;
  background: #ffffff;
  border-radius: 20px;
}
.boxName {
  font-size: 32rpx;
  font-weight: medium;
  line-height: 48rpx;
  color: #121826;
  letter-spacing: 0rpx;
}
.boxNameA {
  margin: 20rpx 0;
  font-size: 24rpx;
  font-weight: regular;
  line-height: 40rpx;
  color: #848484;
  text-align: left;
  letter-spacing: 0rpx;
}
.botConent {
  margin-right: 30rpx;
  font-size: 24rpx;
  font-weight: medium;
  line-height: 36rpx;
  color: #121826;
  letter-spacing: 0rpx;
}
.botConentA {
  font-size: 24rpx;
  font-weight: regular;
  line-height: 42rpx;
  color: #848484;
  letter-spacing: 0rpx;
}
</style>
